<div class="case-top-list" [ngStyle]="tagData.cssStyle | styleFilter">
    <div class="case-top" *ngIf="tagData.data.headDiv">
        <span class="headTitle"
            [ngStyle]="tagData.data?.headDiv?.cssStyle | styleFilter">{{tagData.data.headDiv.headTitle}}</span>
        <span class="linkTitle" [ngStyle]="tagData.data?.headDiv?.moreLink?.cssStyle | styleFilter"
            appDebounceClick (debounceClick)="openPage(tagData.data.headDiv.moreLink.link)">
            <span class="linkTitle-text">
                {{tagData.data.headDiv.moreLink.linkTitle}}
            </span>
            <img class="linkTitle-img" [src]="tagData.data.headDiv.moreLink.iconUrl">
        </span>
    </div>

    <div class="case-x" [ngStyle]="tagData.signCssStyle | styleFilter">
        <ng-container *ngFor="let item of tagData.data.data;let i = index">

            <div class="case-content" [ngStyle]="item.cssStyle | styleFilter">
                <div class="case-personalInfo">
                    <div class="firstLeft" [ngStyle]="item.userInfo.firstLeft.cssStyle | styleFilter">
                        {{item.userInfo.firstLeft.label}}
                    </div>
                    <div class="info">
                        <div class="sn" [ngStyle]="item.userInfo.secondLeft.cssStyle | styleFilter">
                            <img class="sn-img" [src]="item.userInfo.secondLeft.portrait">
                            <span class="name">{{item.userInfo.secondLeft.label}}</span>
                        </div>
                        <span class="date"
                            [ngStyle]="item.userInfo.secondRight.cssStyle | styleFilter">{{item.userInfo.secondRight.label}}</span>
                    </div>
                    <img class="rightImg" [src]="item.userInfo.firstRight.icon"
                        [ngStyle]="item.userInfo.firstRight.cssStyle | styleFilter">
                </div>

                <div class="case-label" [ngStyle]="item.content.firstText.cssStyle | styleFilter">
                    {{item.content.firstText.label}}
                </div>

                <ng-container *ngIf="item.img_video?.videoUrl || item.img_video?.imgUrl">
                    <!-- boxcssstyle -->
                    <div class="case-imgs" [ngStyle]="item.boxCssStyle | styleFilter">
                        <!-- 视频数量 2以上 -->
                        <ng-container *ngIf="item.img_video?.videoUrl?.length > 2;else elseBlock">
                            <div class="case-video"
                                *ngFor="let ite of item.img_video?.videoUrl?.slice(0,3);let i = index"
                                appDebounceClick (debounceClick)="popup(item.img_video, tagData.data?.headDiv?.moreLink?.linkTitle, tagData.data?.headDiv?.moreLink?.link)">
                                <ng-container *ngIf="ite">
                                    <div class="video" [ngStyle]="item.videoCssStyle | styleFilter">
                                        <video [src]="ite"
                                            poster="{{ite}}?x-oss-process=video/snapshot,t_3,f_jpg,ar_auto"></video>
                                    </div>
                                    <!-- 播放按钮 -->
                                    <img class="v-img" [ngStyle]="item.iconCssStyle | styleFilter" [src]="item.icon">
                                </ng-container>
                            </div>
                        </ng-container>
                        <!-- 视频数量不足3 -->
                        <ng-template #elseBlock>
                            <ng-container *ngIf="item.img_video?.videoUrl?.length > 0">
                                <div class="case-video"
                                    *ngFor="let ite of item.img_video?.videoUrl?.slice(0,item.img_video?.videoUrl?.length);let i = index"
                                    appDebounceClick (debounceClick)="popup(item.img_video, tagData.data?.headDiv?.moreLink?.linkTitle, tagData.data?.headDiv?.moreLink?.link)">
                                    <ng-container *ngIf="ite">
                                        <div class="video" [ngStyle]="item.videoCssStyle | styleFilter">
                                            <video [src]="ite"
                                                poster="{{ite}}?x-oss-process=video/snapshot,t_3,f_jpg,ar_auto"></video>
                                        </div>
                                        <!-- 播放按钮 -->
                                        <img class="v-img" [ngStyle]="item.iconCssStyle | styleFilter"
                                            [src]="item.icon">
                                    </ng-container>
                                </div>
                            </ng-container>
                        </ng-template>

                        <!-- 视频数量小于3 -->
                        <div class="img" *ngIf="item.img_video?.videoUrl?.length < 3">
                            <ng-container
                                *ngFor="let ite of item.img_video?.imgUrl?.slice(0,3-item.img_video.videoUrl.length);let i = index">
                                <img class="case-imgUrl" [src]="ite" [ngStyle]="item.imgCssStyle | styleFilter"
                                    appDebounceClick (debounceClick)="popup(item.img_video, tagData.data?.headDiv?.moreLink?.linkTitle, tagData.data?.headDiv?.moreLink?.link)">
                                <div class="text" *ngIf="(i + item.img_video.videoUrl.length) === 2">
                                    <span>
                                        {{item.img_video.imgUrl.length}}图
                                    </span>
                                </div>
                            </ng-container>
                        </div>

                    </div>

                </ng-container>
            </div>

        </ng-container>

    </div>
    <div class="bottom_content" *ngIf="tagData.data.footDiv?.footBut">
        <span class="left" [ngStyle]="tagData.data.footDiv?.footBut.but1.cssStyle | styleFilter"
            appDebounceClick (debounceClick)="openPage(tagData.data.footDiv?.footBut.but1.link)">
            {{tagData.data.footDiv?.footBut?.but1?.label}}
        </span>
        <span class="right" [ngStyle]="tagData.data.footDiv?.footBut.but2.cssStyle | styleFilter"
            appDebounceClick (debounceClick)="openPage(tagData.data.footDiv?.footBut.but2.link)">
            {{tagData.data.footDiv?.footBut?.but2?.label}}
        </span>
    </div>
</div>